@charset "utf-8";

html{width:100%;height:100%}
body { margin:0; padding:0; width:100%; color:#5f5f5f;
	font:14px/28px Segoe UI,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	
}
img{padding:0;margin:0}

#topBar{
	height:44px;
	color:white;
	background:#515151 url('../images/footer-bg.png')
}
.topBarBack{
	float:left;
	width:44px;
	height:44px;
	border-right:1px #222 solid;
	background:url('../images/back.png') no-repeat center center
}
.topBarBack:active{
	background:black url('../images/back.png') no-repeat center center
}
.topBarBack span{
	display:block;
	height:44px;
	float:left
}
.topBarName{
	float:left;
	height:44px;
	line-height:44px;
	font-weight:bold;
	font-size:1.2em
}
.topBarName span{
	padding-left:15px
}

#navBar{
	height:40px;
	color:white;
	background:#5F5F5F
}
.navBarList{
	height:40px;
	float:left;
	text-align:center
}
.navBarList:active{
	background:black
}
.navBarL{
	width:33.33%;
	background:orange-
}
.navBarM{
	width:33.33%;
	background:green-
}
.navBarR{
	width:33.33%;
	background:orange-
}
.navBarTit{
	height:38px;
	line-height:40px;
	background:orange-
}
.navBarM div.navBarTit{
	height:26px;
	line-height:28px;
	margin-top:5px;
	margin-bottom:7px;
	border:1px solid #999;
	border-top:none;
	border-bottom:none;
	background:red-
}
.navBarStation{
	height:2px;
	/*background:  url('../images/tab_unselected.png') repeat-x 0 0px*/
	background:#00ADEE
}
.navOn{
	/*background:orange url('../images/tab_selected.png') repeat-x 0 4px*/
	background:orange
}
.middleStation{
	border:1px solid #bbb;
	border-top:none;
	border-bottom:none;
}

#containerL{
	width:100%
}

#containerM{
	display:none;
	width:100%;
	height:300px;
	background:orange
}

#containerR{
	display:none;
	width:100%;
	height:350px;
	background:#999999
}

.heroList{
	height:100px;
	border-bottom:1px solid #eee;
	overflow: hidden;
	padding:8px 5px 8px 5px;
	
	/*background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);*/
	/*background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#eee), to(white));*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.6, #eee), to(white));*/
}
.heroAvatar{
	width:100px;
	height:100px;
	float:left;
	overflow: hidden
}
.heroAvatar img{
	width:100%;
}
.heroInfo{
	float:left;
	padding-left:15px;
}
.infoName{
	height:32px;
	line-height:35px;
	font-weight:bold;
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;
}
.infoGender{
	position:absolute;
	width:50px;
	height:25px;
	line-height:25px;
	margin-top:8px;
	right:10px;
	background:#999;
	color:#888
}
.infoGender span{
	height:25px;
	line-height:25px;
	display:block;
	float:left;
}
.infoGender span.infoA{
	width:25px
}
.infoGender span.M{
	background: url('../images/m2.png') no-repeat center center
}
.infoGender span.W{
	background: url('../images/w2.png') no-repeat center center
}
.infoGender span.infoB{
	width:25px;
	color:#fff
}
.infoCompany{
	height:35px;
	line-height:38px
}
.infoCareer{
	height:32px;
	line-height:32px;
	color:#888
}

